<template>
  <mt-swiper :auto="4000">
    <mt-swiper-item v-for="item in imgList" :key="item.id">
      <img :src="item.img" />
    </mt-swiper-item>
  </mt-swiper>
</template>

<script>
export default {
  props: ["imgList"],
};
</script>

<style lang="scss" scoped>
.mint-swiper {
  height: 200px;
  color: #fff;
  .mint-sewiper-item-wrap {
    .mint-swiper-item {
      text-align: center;
    }
    image {
      width: 100%;
      height: 100%;
    }
  }
}
</style>